import { useState, useEffect } from 'react'
export default function usePosition() {
  // 用来存储鼠标坐标的状态值
  let [x, setX] = useState(0)
  let [y, setY] = useState(0)

  // 组件挂载的时候要监听鼠标移动事件
  useEffect(() => {
    window.addEventListener('mousemove', handle)
    return () => {
      window.removeEventListener('mousemove', handle)
    }
  }, [])

  function handle(e) {
    setX(e.clientX)
    setY(e.clientY)
  }

  // if (true) {
  //   const [a, setA] = useState(0)
  // }
  return { x, y }
}
